<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>
        <title>Empresa</title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">   
                <h:form>                 
                    <h6><p:commandButton value="ATRÁS" ajax="false" action="EmpresaLista" icon="ui-icon-arrowthick-1-w"/></h6>                      
                </h:form>
                <f:view>
                    <h:form>
                        <p:growl id="growl" sticky="true" showDetail="true"/>
                        <p:wizard flowListener="#{proyectoEmpresaBean.procesarCarrera}" nextLabel="SIGUIENTE" backLabel="ATRÁS">
                            <p:tab id="crearEmp" title="CREAR">
                                <p:panel header="DATOS DE EMPRESA">

                                    <h:panelGrid columns="4">
                                        <p:outputLabel value="NOMBRE:" for="nombre" id="lNombre" style="font-weight: bold"/><p:tooltip value="Nombre de la empresa" trackMouse="true" for="lNombre"/>
                                        <p:inputText id="nombre" value="#{proyectoEmpresaBean.empresa.nombre}" title="NOMBRE" required="true" style="text-transform:uppercase" requiredMessage="EL NOMBRE ES REQUERIDO" validatorMessage="DEBE DE INTRODUCIR UN NOMBRE VALIDO">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s]*"/>
                                        </p:inputText>
                                        <p:message for="nombre" display="text" showDetail="true"/>
                                        <p:outputLabel value="RFC:" for="rfc" id="lRfc" style="font-weight: bold"/><p:tooltip value="RFC de la empresa" trackMouse="true" for="lRfc"/>
                                        <p:inputText id="rfc" value="#{proyectoEmpresaBean.empresa.rfc}" title="Rfc" required="true" style="text-transform:uppercase" requiredMessage="EL RFC ES REQUERIDO" maxlength="12" validatorMessage="DEBE DE INTROFUCIR UN RFC VALIDO">
                                            <f:validateLength maximum="12" minimum="12"/>
                                        </p:inputText><p:message for="rfc" display="text" showDetail="true"/>
                                        <p:outputLabel value="GIRO:" for="giro" id="lGiro" style="font-weight: bold"/><p:tooltip value="GIRO, RAMO O SECTOR" trackMouse="true" for="lGiro"/>
                                        <p:selectOneMenu id="giro" value="#{proyectoEmpresaBean.empresa.giro}" required="true" label="GIRO" requiredMessage="EL GIRO ES REQUERIDO">
                                            <f:selectItem itemLabel="PÚBLICO" itemValue="PÚBLICO" />
                                            <f:selectItem itemLabel="PRIVADA" itemValue="PRIVADA" />
                                            <f:selectItem itemLabel="INDUSTRIAL" itemValue="INDUSTRIAL" />
                                            <f:selectItem itemLabel="SOCIAL" itemValue="SOCIAL" />
                                            <f:selectItem itemLabel="OTRO" itemValue="OTRO" />
                                        </p:selectOneMenu><p:outputLabel value=""/>
                                        <p:outputLabel value="DOMICILIO:" for="domicilio" id="lDomicilio" style="font-weight: bold"/><p:tooltip value="Calle en la que se encuentra la empresa" trackMouse="true" for="lDomicilio"/>
                                        <p:inputText id="domicilio" value="#{proyectoEmpresaBean.empresa.domicilio}" title="Domicilio" required="true" style="text-transform:uppercase" label="Domicilio de la empresa" requiredMessage="DOMICILIO ES REQUERIDO" validatorMessage="INTRODUSCA UN DOMICILIO VALIDO">
                                            <f:validateRegex pattern="[a-zA-Z0-9.#\sáéíóúüÜÁÉÍÓÚ]+"/>
                                        </p:inputText><p:message display="text" for="domicilio" showDetail="true"/>
                                        <p:outputLabel value="COLONIA:" for="colonia" id="lColonia" style="font-weight: bold"/><p:tooltip value="Colonia en la que se encuentra la empresa" trackMouse="true" for="lColonia"/>
                                        <p:inputText id="colonia" value="#{proyectoEmpresaBean.empresa.colonia}" title="Colonia" required="true" style="text-transform:uppercase" requiredMessage="LA COLONIA ES REQUERIDA" validatorMessage="INTRODUSCA UNA COLONIA VALIDA">
                                            <f:validateRegex pattern="[a-zA-Z0-9.#\sáéíóúüÜÁÉÍÓÚ]+"/>
                                        </p:inputText><p:message display="text" for="colonia" showDetail="true"/>
                                        <p:outputLabel value="CIUDAD:" for="ciudad" id="lCiudad" style="font-weight: bold"/><h:outputText value=""/>
                                        <p:inputText id="ciudad" value="#{proyectoEmpresaBean.empresa.ciudad}" title="Ciudad" required="true" style="text-transform:uppercase" requiredMessage="LA CIUDAD ES REQUERIDA" validator="INTRODUSCA UNA CIUDAD VALIDA">
                                            <f:validateRegex pattern="[a-zA-Z.\sáéíóúüÜÁÉÍÓÚ]+"/>
                                        </p:inputText><p:message for="ciudad" display="text" showDetail="true"/>
                                        <p:outputLabel value="CÓDIGO POSTAL:" for="codigoPostal" style="font-weight: bold"/><p:outputLabel value=""/>
                                        <p:inputText id="codigoPostal" value="#{proyectoEmpresaBean.empresa.codigoPostal}" title="CodigoPostal" required="true" style="text-transform:uppercase" requiredMessage="INTRODUSCA UN CODIGO POSTAL VALIDO" maxlength="5" validatorMessage="INREODUSCA UN CODIGO POSTAL VALIDO">
                                            <f:validateLength maximum="5" minimum="5"/>
                                            <f:validateRegex pattern="[0-9]+"/>
                                        </p:inputText><p:message for="codigoPostal" display="text" showDetail="true"/>
                                        <p:outputLabel value="TELÉFONO:" for="telefono" style="font-weight: bold"/><p:tooltip value="El teléfono debe ser de oficina" trackMouse="true" for="lCiudad"/>
                                        <p:inputText id="telefono" maxlength="10" value="#{proyectoEmpresaBean.empresa.telefono}" title="Teléfono" required="true" style="text-transform:uppercase" requiredMessage="INTRIDUSCA UN TELEFONO VALIDO" validatorMessage="INTRODUSCA UN NUMERO DE TELEFONO VALIDO">
                                            <f:validateLength maximum="10" minimum="7"/>
                                            <f:validateRegex pattern="[0-9]+"/>
                                        </p:inputText><p:message for="telefono" display="text" showDetail="true"/>
                                        <p:outputLabel value="FAX" for="fax" style="font-weight: bold"/><p:outputLabel value=""/>
                                        <p:inputText id="fax" value="#{proyectoEmpresaBean.empresa.fax}" maxlength="10" title="Fax" required="true" style="text-transform:uppercase" requiredMessage="INTRODUSCA UN FAX VALIDO" validatorMessage="INTRODUSCA UN FAX VALIDO">
                                            <f:validateLength maximum="10" minimum="7"/>
                                            <f:validateRegex pattern="[0-9]+"/>
                                        </p:inputText><p:message for="fax" display="text" showDetail="true"/>
                                        <p:outputLabel value="MISIÓN:" for="mision" id="lMision" style="font-weight: bold"/><p:tooltip value="Mision la empresa" trackMouse="true" for="lMision"/>
                                        <p:inputTextarea rows="4" cols="30" id="mision" value="#{proyectoEmpresaBean.empresa.mision}" title="Mision" required="true" style="text-transform:uppercase" requiredMessage="LA MISION ES REQUERIDA"/><p:message for="mision" display="text" showDetail="true"/>
                                        <p:outputLabel value="VACANTES:" for="vacantes" id="lVacantes" style="font-weight: bold"/><p:tooltip value="Vacantes de personal con las que cuenta la empresa" trackMouse="true" for="lVacantes"/>
                                        <p:spinner id="vacantes" value="#{proyectoEmpresaBean.empresa.vacantes}" min="1" max="15" required="true" requiredMessage="LAS VACANTES SON REQUERIDAS" validatorMessage="INTRODUSCA UN NUMERO DE ENTRE 1 A 15"/>
                                        <p:message for="vacantes" display="text" showDetail="true"/>
                                        <p:outputLabel value="CARRERAS:" for="carreras" id="lCarreras" style="font-weight: bold"/><p:tooltip value="Carreras para las vacantes en la empresa" trackMouse="true" for="lCarreras"/>
                                        <p:selectCheckboxMenu id="carreras" value="#{proyectoEmpresaBean.carreras}" label="CARRERAS">
                                            <f:selectItems value="#{proyectoEmpresaBean.carrerasCon}"/>
                                        </p:selectCheckboxMenu>
                                        <p:message for="carreras" display="text" showDetail="true"/>
                                        <p:outputLabel value="NOMBRE DEL TITULAR:" for="nombreTitular" id="lNTitular" style="font-weight: bold"/><p:tooltip value="Colonia en la que se encuentra la empresa" trackMouse="true" for="lNTitular"/>
                                        <p:inputText id="nombreTitular" value="#{proyectoEmpresaBean.empresa.nombreTitular}" title="NombreTitular" required="true" style="text-transform:uppercase" requiredMessage="EL NOMBRE DEL TITULAR ES REQUERIDO" validatorMessage="INTRODUSCA UN NOMBRE VALIDO">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s']+"/>
                                        </p:inputText><p:message for="nombreTitular" display="text" showDetail="true"/>
                                        <p:outputLabel value="PUESTO DEL TITULAR:" for="puestoTitular" id="lPTitular" style="font-weight: bold"/><p:tooltip value="Puesto del titular de la empresa" trackMouse="true" for="lPTitular"/>
                                        <p:inputText id="puestoTitular" value="#{proyectoEmpresaBean.empresa.puestoTitular}" title="PuestoTitular" required="true" style="text-transform:uppercase" requiredMessage="EL PUESTO DEL TITULAR ES REQUERIDO">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s'0-9]+"/>
                                        </p:inputText><p:message for="puestoTitular" display="text" showDetail="true"/>
                                        <p:outputLabel value="NOMBRE DE QUIEN FIRMA EL CONVENIO:" for="firmaAcuerdo" id="lFirmaAcuerdo" style="font-weight: bold"/><p:tooltip value="Nombre de el que firma el acuerdo" trackMouse="true" for="lFirmaAcuerdo"/>
                                        <p:inputText id="firmaAcuerdo" value="#{proyectoEmpresaBean.empresa.firmaAcuerdo}" title="FirmaAcuerdo" required="true" style="text-transform:uppercase" requiredMessage="EL NOMBRE DEL QUE FIRMA EL ACUERDO ES REQUERIDO" validatorMessage="INTRODUSCA UN NOMBRE VALIDO">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s']+"/>
                                        </p:inputText><p:message for="firmaAcuerdo" display="text" showDetail="true"/>
                                        <p:outputLabel value="PUESTO DE QUIEN FIRMA EL CONVENIO:" for="puestoAcuerdo" id="lPuestoAcuerdo" style="font-weight: bold"/><p:tooltip value="Puesto de la persona que firma el acuerdo" trackMouse="true" for="lPuestoAcuerdo"/>
                                        <p:inputText id="puestoAcuerdo" value="#{proyectoEmpresaBean.empresa.puestoAcuerdo}" title="PuestoAcuerdo" required="true" style="text-transform:uppercase" requiredMessage="EL PUESTO DE QUIEN FIRMA EL ACUERDO ES REQUERIDO">
                                            <f:validateRegex pattern="[a-z-A-Z.ñáéíóúÑÁÉÍÓÚüÜ\s'0-9]+"/>
                                        </p:inputText><p:message for="puestoAcuerdo" display="text" showDetail="true"/>
                                    </h:panelGrid>          
                                </p:panel>
                            </p:tab> 
                            <p:tab id="confirmarEmp" title="CONFIRMAR">
                                <p:panel header="CONFIRMAR DATOS">
                                    <p:messages />
                                    <h:panelGrid columns="2">
                                        <h:outputText value="NOMBRE:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.nombre}" title="Nombre" style="text-transform:uppercase"/>
                                        <h:outputText value="RFC:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.rfc}" title="Rfc" style="text-transform:uppercase"/>
                                        <h:outputText value="GIRO:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.giro}" title="Giro" style="text-transform:uppercase"/>
                                        <h:outputText value="DOMICILIO:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.domicilio}" title="Domicilio" style="text-transform:uppercase"/>
                                        <h:outputText value="COLONIA:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.colonia}" title="Colonia" style="text-transform:uppercase"/>
                                        <h:outputText value="CIUDAD:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.ciudad}" title="Ciudad" style="text-transform:uppercase"/>
                                        <h:outputText value="CÓDIGO POSTAL:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.codigoPostal}" title="CodigoPostal" style="text-transform:uppercase"/>
                                        <h:outputText value="TELÉFONO:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.telefono}" title="Telefono" style="text-transform:uppercase"/>
                                        <h:outputText value="FAX:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.fax}" title="Fax" style="text-transform:uppercase"/>
                                        <h:outputText value="MISIÓN:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.mision}" title="Mision" style="text-transform:uppercase"/>
                                        <h:outputText value="VACANTES:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.vacantes}" title="Vacantes" style="text-transform:uppercase"/>
                                        <h:outputText value="CARRERAS:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.carreras}" title="Carreras" style="text-transform:uppercase"/>
                                        <h:outputText value="NOMBRE DEL TITULAR:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.nombreTitular}" title="NombreTitular" style="text-transform:uppercase"/>
                                        <h:outputText value="PUESTO TITULAR:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.puestoTitular}" title="PuestoTitular" style="text-transform:uppercase"/>
                                        <h:outputText value="NOMBRE DE QUIEN FIRMA EL CONVENIO:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.firmaAcuerdo}" title="FirmaAcuerdo" style="text-transform:uppercase"/>
                                        <h:outputText value="PUESTO DE QUIEN FIRMA EL CONVENIO:" style="font-weight: bold"/>
                                        <h:outputText value="#{proyectoEmpresaBean.empresa.puestoAcuerdo}" title="PuestoAcuerdo" style="text-transform:uppercase"/>


                                        <p:commandButton value="GUARDAR" action="#{proyectoEmpresaBean.procesarAccionEmpresa}" ajax="false"/>
                                    </h:panelGrid>
                                </p:panel>
                            </p:tab>
                        </p:wizard>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
